margin - top

Internet Explorer/Internet Explorer

Netscape/Netscape

Opera/Opera

Safari/Safari

Firefox/Firefox

6.0

7.0

8.0

8.0

9.0

8.0

9.2

9.5

1.3

2.0

3.1

1.5

2.0

3.0

Помилки

Частково

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Коротка інформація

CSS

CSS1

Значення за умовчанням

0

Наслідує

Ні

Застосовується

До усіх елементів

Аналог HTML

Ні

Посилання на специфікацію

http://www.w 3.org/TR/CSS21/box.html#propdef - margin - top

Опис

Встановлює величину відступу від верхнього краю елементу. Відступом є відстань від зовнішнього краю нижньої межі поточного елементу до внутрішньої межі його батьківського елементу (мал. 1).

Рис. 1. Отступ от верхнего края элемента

Мал. 1. Відступ від верхнього краю елементу

Синтаксис

margin - top: значення | auto | inherit

Значення

Величину верхнього відступу можна вказувати в пікселах (px), відсотках (%) або інших допустимих для CSS одиницях. Значення може бути як позитивним, так і негативним числом.

auto Вказує, що розмір відступів буде автоматично розрахований браузером.

inherit  Наслідує значення батька.

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
    <title>margin - top</title>
    <style type="text/css">
      DIV {
        background: #fc3; /* Колір фону */
        border: 2px solid black;  /* Параметрів рамки */
        padding: 20px;  /* Полів навколо тексту */
        margin - top: 20%; /* Відступ згори */
      }
    </style>
  </head>
  <body>
  
    <div>
    Луцький національний техніний університет  
є одним із найкращих професійних закладів освіти у місті Луцьку. 
Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.     </div>
  
  </body>
</html>

Результат цього прикладу показаний ні мал. 2.

Мал. 2. Застосування властивості margin - top

Об'єктна модель

[window.]document.getElementById("elementID").style.marginTop

Браузери

Браузер Internet Explorer 6 в деяких випадках некоректно обчислює значення відступу, задане у відсотках.

Internet Explorer до сьомої версії включно не підтримує значення inherit.